<template>
    <div class="root">
        <div class="head-fake-input" @click="enterInput">
            <img src="http://placehold.it" alt=""><span>搜索你想要的东西</span>
        </div>
        <div>
               <img src="http://placehold.it" alt="">
        </div>
    </div>
</template>

<script>
    export default {
            methods:{
                enterInput(){
                    this.$router.push('/search')
                }
            }
    }
</script>

<style lang="stylus" scoped>
    .root{
        height .44rem
        display flex 
        justify-content space-around
        padding .09rem .1rem 0
        margin auto
        // display none 
    }
    .head-fake-input
        width 90%
        height .26rem
        border .01rem solid rgba(102, 110, 232, 1)
        border-radius .24rem
        line-height .25rem
        vertical-align middle
        padding-left .12rem
        color #ccc
        font-size .14rem
        cursor pointer

        img 
            margin-right .1rem
    
</style>